/* AGENT_SHEET */
/* 应用于所有情况 
@-moz-document url-prefix(chrome://), url-prefix(about:), 
url-prefix(file:///), url-prefix(http://), url-prefix(https://){
*/
/* 滚动条背景基本样式 */
scrollbar {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  background-color: transparent !important;
  /* 滚动条背景透明 */
  background-image: none !important;
  /* 滚动条背景图案不显示 */
  position: relative !important;
  /* 更改滚动条的定位方式为相对 */
  overflow: hidden !important;
  z-index: 999999999 !important;
  /* 把滚动条提到Z轴最上层 */
}

.gray {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,#grayscale");
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
}

/* 滚动条按钮基本样式 */
scrollbar thumb {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  background-color: rgba(0, 100, 255, 0.25) !important;
  border-radius: 0px !important;
  border: 1px !important;
  /* 滚动条按钮边框 */
  border-color: rgba(0, 100, 255, 0.1) !important;
  /* 滚动条按钮边框颜色和透明度 */
}

/* 滚动条按钮:鼠标悬停与点击拖动时基本样式 */
scrollbar:hover thumb,
scrollbar thumb:hover,
scrollbar thumb:active {
  background-color: rgba(0, 100, 255, 0.75) !important;
  border: 0px !important;
}

/* 垂直滚动条 */
/* 把滚动条位置移到屏幕外，这里的像素应该等于垂直滚动条宽度的负值 */
scrollbar[orient="vertical"] {
  margin-left: -5px !important;
  min-width: 5px !important;
  max-width: 5px !important;
}

/* 垂直滚动条按钮的左边框样式 */
scrollbar thumb[orient="vertical"] {
  border-style: none none none solid !important;
}

/* 水平滚动条 */
/* 把滚动条位置移到屏幕外，这里的像素应该等于垂直滚动条宽度的负值 */
scrollbar[orient="horizontal"] {
  margin-top: -5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
}

/* 水平滚动条按钮的上边框样式 */
scrollbar thumb[orient="horizontal"] {
  border-style: solid none none none !important;
}

/* 去除垂直与水平滚动条相交汇的角落 */
scrollbar scrollcorner {
  display: none !important;
}

/* 滚动条两端按钮不显示 */
scrollbar scrollbarbutton {
  display: none !important;
}

/* 滚动条两端按钮，需要先删掉上面一行 
scrollbarbutton{ -moz-appearance: none !important;
position: relative !important;
overflow: hidden !important;
background-color: rgba(0,100,255,.25) !important;
border: none !important; 
}
scrollbar:hover scrollbarbutton, scrollbar scrollbarbutton:hover{
background-color: rgba(0,100,255,.75) !important;
}
/* 竖滚动条两端按钮的高度 
scrollbar[orient="vertical"] scrollbarbutton {
max-height:10px !important; min-height:10px !important;
}
/* 横滚动条两端按钮的宽度 
scrollbar[orient="horizontal"] scrollbarbutton {
max-width: 10px !important; min-width: 10px !important;
}

  */

/*
} */

/*滚动条宽度*/
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* 轨道样式 */
::-webkit-scrollbar-track {
}

/* Handle样式 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}

/*当前窗口未激活的情况下*/
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.1);
}

/*hover到滚动条上*/
::-webkit-scrollbar-thumb:vertical:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

/*滚动条按下*/
::-webkit-scrollbar-thumb:vertical:active {
  background-color: rgba(0, 0, 0, 0.7);
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
address,
img,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
textarea,
section {
  font-size: 100%;
  font: inherit;
  font-family: Hind, "IBM Plex Sans", "Microsoft YaHei", "微软雅黑", sans-serif;
}

input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
  font-family: Hind, "IBM Plex Sans", "Microsoft YaHei", "微软雅黑", sans-serif !important;
}